<template>
  <el-aside class="right-base-config">
    <el-scrollbar class="scroll-bar">
      <ChartBaseConfig v-if="store.activeChartComponentIndex > -1" />
      <CanvasConfig v-else />
    </el-scrollbar>
  </el-aside>
</template>

<script setup lang="ts">
import { useCanvasStore } from "@/store/canvas";
import CanvasConfig from "../widget/CanvasConfig.vue";
import ChartBaseConfig from "../widget/ChartBaseConfig.vue";
const store = useCanvasStore();
</script>

<style scoped lang="scss">
.right-base-config {
  width: 300px;
  background: #fafafa;
  border-left: 1px solid #fff;
  height: calc(100vh - 60px);
  box-shadow: 10px 10px #000;
  overflow: hidden;
  box-shadow: -2px 15px 13px #ccc;
  z-index: 99;
  .scroll-bar {
    padding: 7px;
    box-sizing: border-box;
  }
}
</style>
